@charset "UTF-8";
/**
 * 画材全免计划CSS样式文件
 * @authors 杨浩 (solaao@163.com)
 * @date    2015-04-14 09:10:02
 * @version $Id$
 */

/*
 * 我的全免计划
 */
html{font-size: 100px;margin: 0px;padding: 0px;}





 /* 我的全免费计划 */
#freeplan {width: auto; max-width: 720px; height: auto; margin: 0px auto; font-size: 16rem;}
#freeplan .free_head {width: 100%; height: auto; position: relative;}
#freeplan .free_head img {width: 100%;}
#freeplan .free_head .head_span1 {font-size: 0.16rem; color: #F7D599; display: inline-block; position: absolute; left: 33%; top : 70.43%;}

#freeplan .free_head2 {width: 93.89%; height: 1rem; margin: 0px auto; position: relative; border-bottom: 1px lightgrey solid;}
#freeplan .free_head2 span {font-size: 0.3rem;line-height: 1rem; }
#freeplan .free_head2 img {width: 0.2rem; height: auto; position: absolute; left: 96.01%; top: 0.3rem;}


#freeplan .free_msg {width: 93.89%; height: 1.20rem; margin: 0px auto; position: relative; }
#freeplan .free_msg .msg_span1 {font-size: 0.25rem;}
#freeplan .free_msg .msg_span2 {font-size: 0.25rem; color: #343434; display: inline-block; position: absolute; left: 0.89%; top: 87.18%;}
#freeplan .percentage {width: 93.89%; height: 0.71rem; margin: 0px auto;margin-top: 0.3rem; position: relative;}
#freeplan .percentage img {width: 84.61%; height: auto; position: absolute; left: 0; top: 0.08rem;}
#freeplan .percentage .precen_bar {width: 84.61%; height: 0.2rem; display: inline-block; position: absolute; left: 0; top: 0.08rem; background: url(../images/freeplan_info_bar.png) no-repeat ;}
#freeplan .percentage .percen_num {font-size: 0.25rem; color: #A0161B; display: inline-block; position: absolute; left: 87.57%; top: 0;}

/* 本月消费 */
#freeplan .cost_title {width: 93.89%; height: 0.50rem; margin: 0px auto; line-height: 0.50rem; position: relative; border-top: 1px lightgrey solid; border-bottom: 1px lightgrey solid;}
#freeplan .cost_title span {font-size: 0.25rem;}
#freeplan .cost_title .cost_show {width: 2.07%; height: auto; position: absolute; left: 97%; top: 32.5%;}
#freeplan .cost_title .cost_hide {width: 3.70%; height: auto; position: absolute; left: 94.82%; top: 42.39%; display: none;}
#freeplan .cost_list {width: 93.89%; height: auto; margin: 0px auto;}
#freeplan .cost_list .cost_row {width: 100%; height: 0.89rem; position: relative; border-bottom: 1px lightgrey solid;}
#freeplan .cost_list .cost_row img {width: 8.28%; height: auto; position: absolute; left: 91.72%; top: 17.98%;}
#freeplan .cost_list .cost_row span {font-size: 0.25rem; display: inline-block; position: absolute;}
#freeplan .cost_list .cost_row .cost_span1 {left: 2.95%; top: 33.71%;}
#freeplan .cost_list .cost_row .cost_span2 {left: 95%; top: 34.5%;}

/* 提取码 */
#freeplan .pick_code {width: 93.89%; height: 0.89rem; margin: 0px auto; border: 1px lightgrey solid; margin-top: 0.32rem; line-height: 0.89rem;}
#freeplan .pick_code span {font-size: 0.23rem;}
#freeplan .pick_code a .code1 {margin-left: 21.39%; text-decoration: underline;}

/* 为您推荐 */
#freeplan .recommend_head {width: 100%; height: 0.82rem; background-color: #F2F2F2; border-top: 1px lightgrey solid; border-bottom: 1px lightgrey solid; margin-top: 0.2rem; line-height: 0.82rem;}
#freeplan .recommend_head span {font-size: 0.25rem; margin-left: 4.44%;}
#freeplan .recommend_list {width: 96%; height: auto; margin: 0px auto;}
#freeplan .recommend_list .recommend_block {width: 31%; height: 3rem; float: left; margin-left: 0.08rem; margin-right: 0.08rem; position: relative; margin-top: 0.25rem;}
#freeplan .recommend_list .recommend_block img {width: 100%; height: auto;}
#freeplan .recommend_list .recommend_block .reco_span1 {width: 98%; height: 0.5rem;  overflow: hidden;font-size: 0.16rem;line-height: 0.2rem;float: left;margin-left: 1%;margin-top: 0.05rem;}
#freeplan .recommend_list .recommend_block .reco_span2 {width: 98%;height: 0.3rem; display: block; float: left;color: #000;font-size: 0.16rem;}


/*
 * 我的资料
 */
#freeplan_info {width: 100%; max-width: 720px; height: auto; margin: 0px auto; }
#freeplan_info .title-1{text-indent: 0.6rem; line-height: 0.8rem; width: 7.2rem;height: 0.8rem;font-size: 0.2rem;color: #343434;border-bottom: 1px lightgrey solid;}
#freeplan_info .title-1 .arrow{width: 0.25rem;height: 0.25rem;background: url(./../images/arrow-down.png) no-repeat; background-size: 100%; float: right; margin-top: 0.3rem;margin-right: 0.2rem;}
#freeplan_info .title-1 .arrow-right{background: url(./../images/arrow-right.png) no-repeat; background-size: 100%;}
#freeplan_info .title-box-1 .info_row {width: 7rem; height: 0.8rem; border-bottom: 1px lightgrey solid; line-height: 0.8rem; margin: 0px auto; position: relative;}
#freeplan_info .title-box-1 .info_row .info_span1 {font-size: 0.2rem; display: inline-block;  margin-left: 0.5rem;}
#freeplan_info .title-box-1 .info_row .info_span2 {font-size: 0.25rem; color: black; margin-left: 1.5rem;}
#freeplan_info .title-box-1 .info_row .info_img {width: 7.40%; height: auto; position: absolute; left: 67%; top: 25%;}





#freeplan_info .title-2{text-indent: 0.6rem; line-height: 0.8rem; width: 7.2rem;height: 0.8rem;font-size: 0.2rem;color: #343434;border-bottom: 1px lightgrey solid;}
#freeplan_info .title-2 .arrow{width: 0.25rem;height: 0.25rem;background: url(./../images/arrow-down.png) no-repeat; background-size: 100%; float: right; margin-top: 0.3rem;margin-right: 0.2rem;}
#freeplan_info .title-2 .arrow-right{background: url(./../images/arrow-right.png) no-repeat; background-size: 100%;}
#freeplan_info .title-box-2 .info_row {width: 7rem; height: 0.8rem; border-bottom: 1px lightgrey solid; line-height: 0.8rem; margin: 0px auto; position: relative;}
#freeplan_info .title-box-2 .info_row .link-mark-box{width: 3rem;height: 0.13rem; border: 1px solid #d2d2d2;border-radius: 0.05rem;display: inline-block;margin-left: 0.6rem;}

#freeplan_info .title-box-2 .info_row .mark-pic{height: 0.13rem;border-radius: 0.05rem; background: #a0161b;width: 30%;display: inline-block;float: left;}
#freeplan_info .title-box-2 .info_row .mark{color: #a0161b;font-size: 0.2rem;line-height: 0.8rem;margin-left: 0.2rem;}



#freeplan_info .title-box-2 .info_row .info_span1 {font-size: 0.2rem; display: inline-block;  margin-left: 0.5rem;}
#freeplan_info .title-box-2 .info_row .info_span2 {font-size: 0.25rem; color: black; margin-left: 1.5rem;}
#freeplan_info .title-box-2 .info_row .info_img {width: 7.40%; height: auto; position: absolute; left: 67%; top: 25%;}
#freeplan_info .title-box-2 .notice_pic{width: 7rem;height: 4rem;background: #e5e5e5;margin: 0px auto;}

/*
 * 全免计划主页
 */
.freeplan_index {max-width:720px; width: 100%; height: auto; background-color: #2E1818; margin: 0px auto;}

/* 广告图 */
.freeplan_index .ad {width:100%; height: auto;}
.freeplan_index .ad img {width: 100%;}

/* 查分系统 */
.freeplan_index .check_points {width: 100%;}

/* 报名滚动 */
.freeplan_index .sign_scroll {width: 100%; height:0.6rem; margin-top: 0.11rem; position: relative; font-size: 100px; background: #313131;}
.freeplan_index .sign_scroll img {width: 100%;}
.freeplan_index .sign_scroll #demo {height:0.5rem; width:5rem; position: absolute; left: 15%; top: 0rem; overflow: hidden;}
.freeplan_index .sign_scroll #demo #demo1 {font-size: 0.3rem; color: #E8C98E;}
.freeplan_index .sign_scroll #demo #demo2 {font-size: 0.3rem; color: #E8C98E;}

/* 金额人数统计 */
.freeplan_index .count {width: 100%; height:auto; margin-top: 0.38rem; position: relative; }
.freeplan_index .count img {width: 100%;}
.freeplan_index .count .award_txt{ position: absolute;  right: 0.16rem; top: 0px; }
.freeplan_index .count .award_txt a{color: #D2B37E; font-size: 0.30rem;}
.freeplan_index span {display: inline-block; color: #E8C98E;}
.freeplan_index .num1 {font-size: 0.55rem; overflow: hidden; position: absolute; left: 6.94%; top: 15%}
.freeplan_index .num2 {font-size: 0.5rem; overflow: hidden; position: absolute; left: 6.94%; top: 63%}

/* 奖金排行榜 */
.freeplan_index .rank {width:94.5%; height: auto; margin:0px auto; margin-top: 0.30rem; position: relative;}
.freeplan_index .rank .img1 {width: 100%; height: auto;}
.freeplan_index .rank .rank_list {width: 100%; height: auto; font-size: 100px; position: absolute; left: 0; top: 30.64%;}
.freeplan_index .rank .rank_list .rank_row {width: 100%; height: 0.55rem; font-size: 100px; position: relative;}
.freeplan_index .rank .rank_list .rank_row span{display: inline-block; color: #e8c98e; position: absolute;}
.freeplan_index .rank .rank_list .rank_row .rank1_1 {font-size:0.185rem; left: 17.5%; top: 17%;}
.freeplan_index .rank .rank_list .rank_row .rank1_2 {font-size:0.185rem; left: 39.3%; top: 17%;}
.freeplan_index .rank .rank_list .rank_row .rank1_3 {font-size:0.222rem; left: 70%; top: 14%;}
.freeplan_index .rank .img2 {width: 16.17%; position: absolute; left: 7.94%; top: 88.58%;}

/* 报名拿教程 */
.freeplan_index .course {width:94.5%; height: auto; margin:0px auto; margin-top: 0.23rem;}
.freeplan_index .course img {width: 100%;}

/* 小标题1 */
.freeplan_index .title01 {width: 63.6%; height: auto; margin:0px auto; margin-top: 0.38rem; margin-bottom: 0.36rem;}
.freeplan_index .title01 img {width: 100%;}

/* 小视频1 */
.freeplan_index .video01 {width:94.5%; height: auto; margin:0px auto;}
.freeplan_index .video01 img {width: 100%;}

/* 鸡蛋美术梦想合伙人 */
.freeplan_index .partner {width:94.5%; height: auto; margin:0px auto; background-color: #251313;}
.freeplan_index .partner img {width: 31.5%; margin-top: 0.12rem; margin-bottom: 0.12rem; margin-left: 0.15rem;}

.freeplan_index .partner_list {width: 94.5%; height: auto; margin:0px auto; margin-top: 20px;}
.freeplan_index .partner_list .partner_row {width: 100%; height: auto; background-color: #251313; margin-bottom: 0.2rem; position: relative; font-size: 100px;}
.freeplan_index .partner_list .partner_row img {width: 43.4%; margin-top: 0.13rem; margin-left: 0.15rem; margin-bottom: 0.13rem;}
.freeplan_index .partner_list .partner_row span {display: inline-block; position: absolute;}
.freeplan_index .partner_list .partner_row .partner_span1 {font-size: 0.23rem; color: #E8C98E; left: 50.29%; top:11.76%;}
.freeplan_index .partner_list .partner_row .partner_span2 {font-size: 0.23rem; color: #B68245; left: 50.29%; top:40%;}

/* 更多资讯 */
.freeplan_index .more {width: 16.1%; height:auto; margin: 0px auto; margin-top: 0.24rem; margin-bottom: 0.42rem;}
.freeplan_index img {width: 100%;}

/* 小视频2 */
.freeplan_index .video02 {width:94.5%; height: 1.8rem; margin:0px auto; margin-bottom: 0.20rem;}
.freeplan_index .video02 .video02_1 {width: 48.5%; display: inline-block; float: left; position: relative;}
.freeplan_index .video02 .video02_2 {width: 48.5%; display: inline-block; float: right; position: relative;}
.freeplan_index .video02 .video02_3 {width: 48.5%; display: inline-block; float: left; position: relative;}
.freeplan_index .video02 .video02_4 {width: 48.5%; display: inline-block; float: right; position: relative;}
.freeplan_index .video02 .video_btn {width: 100%; height: auto; position: absolute; left: 0; top: 0; z-index: 1000;}
/* 视频主体 */
.freeplan_index .video_bg {width:100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(29, 28, 28, 0.68); display: none; z-index:2}
.freeplan_index .freeplan_video {width:94.5%; height: 3.8rem; display: block; margin:0px auto; display: none; position: relative; z-index: 1000;}

/* 小标题2 */
.freeplan_index .title02 {width: 57.1%; height: auto; margin:0px auto; margin-top:0.37rem; margin-bottom: 0.36rem;}
.freeplan_index .title02 img {width: 100%;}

/* 九大美院资料 */
.freeplan_index .school {width:94.5%; height: auto; margin: 0px auto; text-align: center; margin-bottom: 0.18rem;}
.freeplan_index .school a {width: 31.6%; display: inline-block;}
.freeplan_index .school .school_1 {float: left;}
.freeplan_index .school .school_3 {float: right;}

/* 小标题3 */
.freeplan_index .title03 {width: 67.1%; height: auto; margin:0px auto; margin-top: 0.36rem; margin-bottom: 0.30rem;}
.freeplan_index .title03 img {width: 100%;}

/* 授权书 */
.iSlider-effect {width: 100%; height: 310.5px; overflow: hidden; position: relative; margin: 0 auto; background-color: #251313;}
.iSlider-effect ul {list-style: none; padding: 0; margin: 0; height: 100%; overflow: hidden;}
.iSlider-effect ul li {position: absolute; margin: 0; padding: 0; height: 100%; overflow: hidden; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; list-style: none;}
.iSlider-effect ul li img{max-width: 100%; max-height: 100%; margin: 0; padding: 0;}
.iSlider-effect div{ background-color: #ffffff; padding: 3px;}

/* 品牌 */
.freeplan_index .brand {width:94.5%; height: auto; margin: 0px auto; margin-top: 0.20rem; position: relative; font-size: 100px;}
.freeplan_index .brand img {width: 100%; position: absolute;}
.freeplan_index .brand a {width: 1.7rem; height: 1.08rem; float: left; position: inherit;}
.freeplan_index .brand:after {clear: both; content: "."; display: block; visibility: hidden; height: 0;}

/* 底部广告图 */
.freeplan_index .freeplan_talnet {width: 100%; height: auto; margin-top: 0.20rem;}
.freeplan_index .freeplan_talnet img {width: 100%; height: auto;}

/* 领奖规则 */
.award{width:94.5%; padding:0.5rem 0.2rem; margin:0.3rem auto;  background:#352C2D; box-sizing:border-box;}
.award img{ width: 100%; max-width: 100%; height: auto;}

/* 底部 */
.freeplan_index .bottom {width: 100%; height: 2rem; margin-top: 0.2rem;margin-bottom: 0.2rem;}
.freeplan_index .bottom img {width: 100%;}

/* 悬浮按钮 */
.freeplan_index .float {width: 100%; margin: 0px auto; bottom: 0px; position: fixed; overflow: hidden; text-align: center; z-index: 2000; font-size: 100px;}
.freeplan_index .float img {width: 100%;}
.freeplan_index .float .imme_sign , .freeplan_index .float .login_sign {width: 21.3%; height: 48%; position: absolute; left: 21.8%; top: 26%; z-index: 4000;}
.freeplan_index .float .rule {width: 15.8%; height: 22%; position: absolute; left: 62.3%; top: 39%; z-index: 2000;}
.freeplan_index .float span {font-size: 0.4rem; color: ##FDE4B5; display: inline-block;}
.freeplan_index .float .float_span1 {position: absolute; left: 19.17%; top: 22.22%;}
.freeplan_index .float .float_span2 {position: absolute; left: 25%; top: 57%;}


/*
 * 奖金排行榜
 */
.rank_index {max-width:720px; width: 100%; height: auto; background-color: #2E1818; margin: 0px auto; font-size: 100px;}

/* 头部图片标题 */
.rank_index .rank_head {width:100%; height: auto; font-size: 100px; position: relative;}
.rank_index .rank_head .head_img1 {width: 100%;}
.rank_index .rank_head .head_img2 {width: 43.06%; position: absolute; left: 28.47%; top: 56.64%;}
.rank_index .rank_head .head_img3 {width: 100%; position: absolute; top: 73.67%;}
.rank_index .rank_head span {color: white; display: inline-block;}
.rank_index .rank_head .head_span1 { font-size: 0.25rem; position: absolute; left: 14.58%; top: 70.33%;}
.rank_index .rank_head .head_span2 { font-size: 0.35rem; position: absolute; left: 36.53%; top: 67.33%;}

.rank_index .rank_title {width: 76.67%; height: auto; margin-left: 16.67%; margin-top: 0.26rem; margin-bottom: 0.27rem; font-size: 100px;}
.rank_index .rank_title img {width: 100%; height: auto;}

/* 奖金排行榜 */
.rank_index .rank {width:100%; height: auto;  position: relative; margin-top: 0.25rem; overflow: hidden;}
.rank_index .rank .rank_list {width: 100%; height: auto; background-color: #313131;overflow: hidden;}
.rank_index .rank .rank_row {width:93.89%; height: 0.99rem; line-height: 0.99rem; margin: 0px auto; background-color: #313131; position: relative; border-bottom: 1px #515150 solid;}
.rank_index .rank .rank_row img {width: 6.39%; height: auto; position: absolute; left: 2.2%; top: 28%;}
.rank_index .rank .rank_row span {color: #E8C98E; display: inline-block; position: absolute;}
.rank_index .rank .rank_row .list_span1_1 {font-size: 0.3rem; left: 4.14%; ; z-index: 1000;}
.rank_index .rank .rank_row .list_span1_2 {font-size: 0.3rem; left: 2.66%; ; z-index: 1000;}
.rank_index .rank .rank_row .list_span1_3 {font-size: 0.3rem; left: 1.45%; ; z-index: 1000;}
.rank_index .rank .rank_row .list_span2 {font-size: 0.25rem; left: 14.20%; }
.rank_index .rank .rank_row .list_span3 {font-size: 0.25rem; left: 39.35%; }
.rank_index .rank .rank_row .list_span4 {font-size: 0.3rem; left: 77.37%; }
.rank_index .rank_more {width: 100%; height: 0.80rem; position: relative; background-color: #313131;}
.rank_index .rank_more img {width: 19.31%; height: auto; position: absolute; left: 40.56%; top: 31.25%;}


/*
* 用户协议
*/
.rule_index {max-width:720px; width: 100%; height: auto; margin: 0px auto; font-size: 100px;}

/* 规则列表 */
.rule_index .rule_list {width: 90.42%; height: 13.95rem; overflow: hidden; margin:0px auto; margin-top: 0.33rem;}
.rule_index .rule_list img {width: 100%;}

/* 规则展开按钮 */
.rule_index .rule_btn {width: 3.33%; height: auto; margin:0px auto; margin-top: 0.14rem;}
.rule_index .rule_btn .rule_btn1 {width: 100%; display: none;}
.rule_index .rule_btn .rule_btn2 {width: 100%;}

/*.rule_index hr {width: 93.88%; margin:0px auto; margin-top: 27px;}*/

/* 解释权 */
.rule_index .rule_explain {width: 93.89%; height: 1.33rem; margin:0px auto; position: relative; border-top: 1px #e5e5e5 solid; margin-top: 0.27rem;}
.rule_index .rule_explain img {width: 61.54%; position: absolute; left: 19.23%; top: 46.62%;}

/* 协议阅读 */
.rule_index .rule_read {width: 100%; height: 1rem; background-color: #F2F2F2; position: relative;}
.rule_index .rule_read .rule_read3 {width: 5.56%; height: auto; position: absolute; left: 30.97%; top: 30%; display: none;}
.rule_index .rule_read .rule_read1 {width: 5.56%; height: auto; position: absolute; left: 30.97%; top: 30%;}
.rule_index .rule_read .rule_read2 {width: 28.75%; height: auto; position: absolute; left: 39.31%; top: 35.5%;}

/* 下一步 */
.rule_index .rule_next {width: 100%; height: 1rem; background-color: #999999; position: relative;}
.rule_index .rule_next img {width: 12.08%; height: auto; position: absolute; left: 44.03%; top: 36%;}


/*
 * 填写资料
 */
.data_index {max-width:720px; width: 100%; height: auto; margin: 0px auto; font-size: 100px; position: relative;}

/* 头部图片 */
.data_index .data_head {width: 100%; height: auto; overflow: hidden;}
.data_index .data_head img {width: 100%; height: auto;}

/* 填写资料 */
.data_index .data_list {width: 93.88%; height: auto; margin: 0px auto; margin-top: 0.11rem;}
.data_index .data_list .data_row {width: 100%; height: 1rem; line-height: 1rem; position: relative; border-bottom: 1px #cccccc solid;}
.data_index .data_list .data_row span {font-size: 0.25rem;}
.data_index .data_list .data_row .data_point {color: red;}
.data_index .data_list .data_row input {font-size: 0.25rem; width: 62%; position: absolute; left: 28.55%; top: 34.5%; float: right; color: black;}
.data_index .data_confirm {width: 100%; height: 1rem; background-color: #A21C23; position: relative;}
.data_index .data_confirm img {width: 16.25%; height: auto; position: absolute; left: 42.83%; top: 36%;}
/*.data_index .data_list hr {border:1px solid #A21C23;}*/

/* 选择高考年份 */
.data_index .year_bg {width:100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(29, 28, 28, 0.68); display: none; z-index:2}
.data_index .year {width: 93.88%; height: auto; margin: 0px auto; display: none; position: absolute; left: 0.22rem; top: 3rem;}
.data_index .year .year_head {width: 100%; height: 0.96rem; background-color: #E5E5E5; position: relative; z-index: 4;}
.data_index .year .year_head .year_head1 {width: 67.31%; height: auto; position: absolute; left: 3.74%; top: 37.5%;}
.data_index .year .year_head .year_head2 {width: 3.99%; height: auto; position: absolute; left: 93.64%; top: 44.79%;}
.data_index .year .year_row {width: 100%; height: 1rem; background-color: white; position: relative; border-bottom: 1px #cccccc solid; z-index: 4;}
.data_index .year .year_row .year_span {width: 14.35%; height: auto; position: absolute; left: 7.11%; top: 38%;}
.data_index .year .year_row .year_nochoose {width: 5.92%; height: auto; position: absolute; left: 89.50%; top: 30%;}
.data_index .year .year_row .year_choose {width: 5.92%; height: auto; position: absolute; left: 89.50%; top: 30%; display: none;}

/* 选择理想美院 */
.data_index .school {width: 93.88%; height: auto; margin: 0px auto; display: none; position: absolute; left: 0.22rem; top: 5rem;}
.data_index .school span {font-size: 0.3rem;}
.data_index .school .school_head {width: 100%; height: 0.96rem; background-color: #E5E5E5; position: relative; z-index: 4; line-height: 0.96rem;}
.data_index .school .school_head span {margin-left: 4%;}
.data_index .school .school_head .school_head1 {width: 3.99%; height: auto; position: absolute; left: 93.64%; top: 44.79%;}
.data_index .school .school_row {width: 100%; height: 1rem; background-color: white; position: relative; border-bottom: 1px #cccccc solid; z-index: 4; line-height: 1rem;}
.data_index .school .school_row span {margin-left: 4%;}


/*
 * 就读学校区域地址
 */
.loca_index {max-width:720px; width: 100%; height: auto; margin: 0px auto; font-size: 100px;}

.loca_index .loca_row {width: 93.89%; height: 1rem; margin: 0px auto; position: relative; border-bottom: 1px #cccccc solid;}
.loca_index .loca_row span {font-size: 0.3rem; color: #343434; position: absolute; left: 4.88%; top: 30%;}

.loca_index .loca_row2 {width: 93.89%; height: 1rem; margin: 0px auto; position: relative; border-bottom: 1px #cccccc solid;}
.loca_index .loca_row2 span {font-size: 0.3rem; color: #343434; position: absolute; left: 4.88%; top: 30%;}

/* 填写学校 */
.loca_index .school_bg {width:100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(29, 28, 28, 0.68); display: none; z-index:2}
.loca_index .school {width: 86.11%; height: 3.6rem; margin: 0px auto; bottom: 0px; position: fixed; left: 7%; top: 35%; z-index: 1000; background-color: white; display: none;}
.loca_index .school img {width: 22.42%; height: auto; position: absolute; left: 36.77%; top: 9.44%;}
.loca_index .school .school_form {width: 93.55%; height: 58.89%; position: absolute; left: 3.23%; top: 32.5%;}
.loca_index .school .school_form input {font-size: 0.25rem; width: 100%; height: 38.68%; border: 1px #cccccc solid;}
.loca_index .school .school_form img {width: 100%; height: auto; position: absolute; left: 0; top: 62.27%;}


/*
 * 报名成功
 */
.succ_index {max-width:720px; width: 100%; height: auto; margin: 0px auto; font-size: 100px;}

/* 上部 */
.succ_index .succ_head {width: 93.89%; height: 4.39rem; margin: 0px auto; position: relative;}
.succ_index .succ_head .head_img1 {width: 16.67%; height: auto; position: absolute; left: 41.12%; top: 1.15rem;}
.succ_index .succ_head .head_img2 {width: 38.46%; height: auto; position: absolute; left: 30.77%; top: 2.84rem;}

/* 报名字信息 */
.succ_index .succ_info {width: 88.33%; height: auto; margin: 0px auto; position: relative;}
.succ_index .succ_info img {width: 100%; height: auto;}
.succ_index .succ_info .info_span1 {font-size: 0.3rem; position: absolute; left: 4.69%; top: 9%;}
.succ_index .succ_info .info_span2 {font-size: 0.25rem; position: absolute; left: 85%; top: 10%;}
.succ_index .succ_info .info_list {width: 100%; height: 1.79rem; position: absolute; left: 4.69%; top: 30%;}
.succ_index .succ_info .info_row {width: 71.85%; height: auto; margin-bottom: 0.2rem;}
.succ_index .succ_info .info_row .info_span3 {font-size: 0.25rem;}
.succ_index .succ_info .info_row .info_span4 {font-size: 0.25rem;}

/* 提取码 */
.succ_index .pick_code {width: 93.89%; height: 0.89rem; margin: 0px auto; border: 1px lightgrey solid; margin-top: 0.32rem; line-height: 0.89rem;}
.succ_index .pick_code span {font-size: 0.23rem;}
.succ_index .pick_code a .code1 {margin-left: 21.39%; text-decoration: underline;}

/* 名师推荐 */
.succ_index .recommend_head {width: 100%; height: 0.82rem; background-color: #F2F2F2; margin-top: 0.2rem; position: relative;}
.succ_index .recommend_head img {width: 16.25%; height: auto; position: absolute; left: 3.45%; top: 37.80%;}
.succ_index .reco_list {width: 100%; height: auto;}
.succ_index .reco_list .reco_row {width: 100%; height: auto; border-bottom: 1px lightgrey solid; position: relative;}
.succ_index .reco_list .reco_row img {width: 25.68%; height: auto; margin-top: 0.2rem; margin-bottom: 0.2rem; margin-left: 0.25rem;}
.succ_index .reco_list .reco_row .reco_span1 {width: 63.47%; height: auto; font-size: 0.3rem; color: #343434; display: inline-block; overflow: hidden; position: absolute; left: 32.36%; top: 17.89%;}
.succ_index .reco_list .reco_row .reco_span2 {width: 63.47%; height: auto; font-size: 0.25rem; color: #585858; display: inline-block; position: absolute; left: 32.36%; top: 48%; word-wrap: break-word;}

.succ_index img {width: 100%; height: auto;}
.succ_index a .back {margin-top: 0.6rem; margin-bottom: 0.6rem;}

/*
 * 美院英才计划
 */
.talent_index {max-width:720px; width: 100%; height: auto; margin: 0px auto; font-size: 100px;}
.talent_index .talent_head {width: 100%; height: auto;}
.talent_index .talent_head img {width: 100%; height: auto;}
.talent_index .talent_span {width: 91.94%; height: auto; margin: 0px auto; margin-top: 0.41rem;}
.talent_index .talent_span img {width: 100%; height: auto;}
.talent_index .talent_back {width: 100%; height: auto; margin-top: 0.42rem;}
.talent_index .talent_back img {width: 100%; height: auto;}


/*圆梦奖金*/
.results{  width: 7.2rem;  margin: 0 auto; padding-bottom: 20px; overflow: hidden; color: #FFDD99;}
.results .res_title{ max-width: 4.7rem; width: 4.7rem; height: auto; margin: 0.2rem auto;  display: block;}
.results .res_nav{ width: 100%; height: 1rem;margin: 0 auto; overflow: hidden; font-size: 0.18rem;}
.results .res_nav .res_nav_list{width: 200%;height: 1rem;position: relative;}
.results .res_nav .res_nav_list .son{width: 25%;float: left;height: 1rem;text-align: center;position: relative; }
.results .res_nav .res_nav_list .son .img{width: 1.6rem;height: 6px;z-index: 99;position: absolute;bottom: 0.2rem; left: 50%;margin-left: -0.8rem;}
.results .res_nav .res_nav_list .son .now{background: #ffdd99;}
.results .res_nav .res_nav_list .son .img .imgs{width: auto;margin-top: -6px;}
.results .res_nav .res_nav_list .black{width: 100%;height: 6px;background: #000;position: absolute;bottom: 0.2rem;z-index: -1;}





#box_01 { width: 100%;  background: #201818; overflow: hidden;}
#box_01 .title{ position: relative;  text-align: center; margin-bottom: 15px; font-size: 0.4rem; line-height: 0.9rem; padding-top: 10px;}
#box_01 .content_box{width:100%;height: auto; overflow: hidden; }
#box_01 .content_box .content_list{}
#box_01 .content_box .content_list a{color: #FFDD99;}
#box_01 .title_bg{ width: 100%; overflow: hidden; background: url(../images/results_bg.png) no-repeat center;}
#box_01 .title_bg .title_son{width: 25%;float: left;height: 0.75rem;font-size: 0.25rem;text-align: center;line-height: 0.75rem;}
#box_01 .content{width: 100%;height: auto;overflow: hidden;}
#box_01 .content .content_son{width: 25%;float: left;height: 0.45rem;font-size: 0.25rem;text-align: center;line-height: 0.45rem;}
#box_01 .content .content_son .king_1{width: 0.35rem;height: 0.35rem;background: url(../images/king-1.png) no-repeat; background-size: 100%;display: inline-block;}
#box_01 .content .content_son .king_2{width: 0.35rem;height: 0.35rem;background: url(../images/king-2.png) no-repeat; background-size: 100%;display: inline-block;}
#box_01 .content .content_son .king_3{width: 0.35rem;height: 0.35rem;background: url(../images/king-3.png) no-repeat; background-size: 100%;display: inline-block;}
#box_01 .my_mark{width: 7.2rem;height: auto;overflow: hidden; border-top: dashed 1px #3f332a; color: #FFDD99;}
#box_01 .my_mark .my_son{width: 1.8rem;float: left;height: 0.45rem;font-size: 0.25rem;text-align: center;line-height: 0.45rem;}
#box_01 .my_mark .arrow{width: 0.8rem; margin: 0px 0.5rem;  background: url(../images/arrow.png) no-repeat right; background-size: 0.1rem 0.2rem  ;}
#box_01 .form_form{ width:100%; margin:0 auto; overflow: hidden;padding: 30px 0px; background: #281e1e;}
#box_01 .form_form input[type='text']{ float:left; width: 6.8rem; margin: 0px 0.2rem; height: 35px; line-height: 35px; border-top:1px solid rgba(255,255,255,0.2); color:#FFDD99; text-indent: 20px;outline:none;}
#box_01 .form_form input:nth-child(3){border-bottom:1px solid rgba(255,255,255,0.2);}
#box_01 .form_form input[type='button']{width: 100%; cursor: pointer; height: 35px; line-height: 35px;  border:none; border:1px solid #ffdd99; background: #251C1C; color: #ffdd99; margin: 20px 0 0 0;}

/*第二时间*/
#box_02 { width: 100%;  background: #201818; overflow: hidden;}
#box_02 .title{ position: relative;  text-align: center; margin-bottom: 15px; font-size: 0.4rem; line-height: 0.9rem; padding-top: 10px;}
#box_02 .content_box{width:100%;height: auto; overflow: hidden; }
#box_02 .content_box .content_list{width: 9rem;}
#box_02 .content_box .content_list a{color: #FFDD99;}
#box_02 .title_bg{ width: 100%; overflow: hidden; background: url(../images/results_bg.png) no-repeat center;}
#box_02 .title_bg .title_son{width: 1.8rem;float: left;height: 0.75rem;font-size: 0.25rem;text-align: center;line-height: 0.75rem;}
#box_02 .content{width: 100%;height: auto;overflow: hidden;}

#box_02 .content .content_son{width: 1.8rem;float: left;height: 0.45rem;font-size: 0.25rem;text-align: center;line-height: 0.45rem;}
#box_02 .content .content_son .king_1{width: 0.35rem;height: 0.35rem;background: url(../images/king-1.png) no-repeat; background-size: 100%;display: inline-block;}
#box_02 .content .content_son .king_2{width: 0.35rem;height: 0.35rem;background: url(../images/king-2.png) no-repeat; background-size: 100%;display: inline-block;}
#box_02 .content .content_son .king_3{width: 0.35rem;height: 0.35rem;background: url(../images/king-3.png) no-repeat; background-size: 100%;display: inline-block;}
#box_02 .my_mark{width: 9rem;height: auto;overflow: hidden; border-top: dashed 1px #3f332a; color: #FFDD99; display: block;}
#box_02 .my_mark .my_son{width: 1.8rem;float: left;height: 0.45rem;font-size: 0.25rem;text-align: center;line-height: 0.45rem;}
#box_02 .my_mark .arrow{width: 0.8rem; margin: 0px 0.5rem;  background: url(../images/arrow.png) no-repeat right; background-size: 0.1rem 0.2rem  ;}
#box_02 .form_form{ width:100%; margin:0 auto; overflow: hidden;padding: 30px 0px; background: #281e1e;}
#box_02 .form_form input[type='text']{ float:left; width: 6.8rem; margin: 0px 0.2rem; height: 35px; line-height: 35px; border-top:1px solid rgba(255,255,255,0.2); color:#FFDD99; text-indent: 20px;outline:none;border-bottom:1px solid rgba(255,255,255,0.2);}
#box_02 .form_form input[type='button']{width: 6.8rem; cursor: pointer; height: 35px; line-height: 35px;  border:none; border:1px solid #ffdd99; background: #251C1C; color: #ffdd99; margin: 20px 0 0 0;}

/*第三时间*/
#box_03 { width: 100%;  background: #201818; overflow: hidden;}
#box_03 .title{ position: relative;  text-align: center; margin-bottom: 15px; font-size: 0.4rem; line-height: 0.9rem; padding-top: 10px;}
#box_03 .content_box{width:100%;height: auto; overflow: hidden; }
#box_03 .content_box .content_list{width: 9rem;}
#box_03 .content_box .content_list a{color: #FFDD99;}
#box_03 .title_bg{ width: 100%; overflow: hidden; background: url(../images/results_bg.png) no-repeat center;}
#box_03 .title_bg .title_son{width: 1.8rem;float: left;height: 0.75rem;font-size: 0.25rem;text-align: center;line-height: 0.75rem;}
#box_03 .content{width: 100%;height: auto;overflow: hidden;}
#box_03 .content .content_son{width: 1.8rem;float: left;height: 0.45rem;font-size: 0.25rem;text-align: center;line-height: 0.45rem;}
#box_03 .content .content_son .king_1{width: 0.35rem;height: 0.35rem;background: url(../images/king-1.png) no-repeat; background-size: 100%;display: inline-block;}
#box_03 .content .content_son .king_2{width: 0.35rem;height: 0.35rem;background: url(../images/king-2.png) no-repeat; background-size: 100%;display: inline-block;}
#box_03 .content .content_son .king_3{width: 0.35rem;height: 0.35rem;background: url(../images/king-3.png) no-repeat; background-size: 100%;display: inline-block;}
#box_03 .my_mark{width: 9rem;height: auto;overflow: hidden; border-top: dashed 1px #3f332a; color: #FFDD99; display: block;}
#box_03 .my_mark .my_son{width: 1.8rem;float: left;height: 0.45rem;font-size: 0.25rem;text-align: center;line-height: 0.45rem;}
#box_03 .my_mark .arrow{width: 0.8rem; margin: 0px 0.5rem;  background: url(../images/arrow.png) no-repeat right; background-size: 0.1rem 0.2rem  ;}
#box_03 .form_form{ width:100%; margin:0 auto; overflow: hidden; background: #281e1e;}

#box_03 .form_form .text{width: 6.8rem;padding: 0.1rem; margin: 0px auto; font-size: 0.23rem; line-height: 0.4rem;}

#box_03 .form_form .recruitSchool_box{overflow: hidden;}
#box_03 .form_form .recruitSchool{ float:left; width: 6.8rem; margin: 0px 0.2rem; height: 0.79rem; line-height:  0.79rem; border-top:1px solid rgba(255,255,255,0.2); color:#FFDD99; text-indent: 0.33rem;outline:none;border-bottom:1px solid rgba(255,255,255,0.2); font-size: 0.22rem; display: block;}
#box_03 .form_form .upload{width: 6.8rem; margin: 0px 0.2rem; height: 0.79rem;line-height:  0.79rem; border-bottom:1px solid rgba(255,255,255,0.2); font-size: 0.22rem; }
#box_03 .form_form .upload .upload_text{width: 2rem;float: left;text-indent: 0.33rem;}
#box_03 .form_form .upload .empty_pic{width: 0.6rem;height: 0.6rem;background: url(../Icon/empty_pic.png) no-repeat; background-size: 99%;float: left;margin-top: 0.1rem; position: relative;}
#box_03 .form_form .upload .messages{width: 1.6rem;height: 0.6rem;float: left;margin-left: 0.2rem;}
#box_03 .form_form .upload .empty_pic #file{width: 0.6rem;height: 0.6rem; position: absolute; left: 0px; top: 0px; opacity: 0;}
#box_03 .form_form .upload .empty_pic .pic_box{width: 0.6rem;height: 0.6rem; float: left; }

#box_03 .form_form ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #f6d596;
}
#box_03 .form_form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #f6d596;
}
#box_03 .form_form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #f6d596;
}
#box_03 .form_form :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #f6d596;
}


#box_03 .form_form input[type='button']{width: 6.8rem; cursor: pointer; height: 35px; line-height: 35px;  border:none; border:1px solid #ffdd99; background: #251C1C; color: #ffdd99; margin: 20px 0 0 0;}



#message{width: 100%;height: 1.8rem;padding: 0.6rem 0px; }
#message .samll{color: #a68c64;font-size: 0.16rem;}
#message img{width: 1.26rem; height: 1.8rem; float: left; margin-left: 0.4rem;margin-right: 1rem;}
#message .text{width: 3.6rem;float: left;font-size: 0.2rem;}




/*分数排序*/
#sort{width: 100%;max-width: 720px;height: auto;overflow: hidden;margin: 0px auto; background: #201818;color: #f6d596;}
#sort .top{width: 7.2rem;height: 1rem;font-size: 0.4rem; text-align: center; position: relative;color: #f6d596; line-height: 1rem;}
#sort .top .left{width: 1rem;height: 1rem;position: absolute; left: 0px; background: url(../images/arrow_left.png) no-repeat; background-size: 100%;}
#sort .content{width: 7.2rem;height: auto;overflow: hidden;background: url(../images/results_bg.png) no-repeat;background-size: 100%;}
#sort .content .content_title{width: 100%;height: 0.8rem;}
#sort .content .content_title .title_son{width: 1.8rem;float: left;text-align: center;line-height: 0.8rem;font-size: 0.28rem;}
#sort .content .content_box{width: 100%;height: 0.9rem;border-bottom: solid 1px #423c3c;}
#sort .content .content_box .content_son{width: 1.8rem;height: 0.9rem; float: left; text-align: center;line-height: 0.9rem;font-size: 0.24rem;}

#sort .content .content_box .content_son .king_1{width: 0.35rem;height: 0.35rem;background: url(../images/king-1.png) no-repeat; background-size: 100%;display: inline-block;margin-top: 0.3rem;}
#sort .content .content_box .content_son .king_2{width: 0.35rem;height: 0.35rem;background: url(../images/king-2.png) no-repeat; background-size: 100%;display: inline-block;margin-top: 0.3rem;}
#sort .content .content_box .content_son .king_3{width: 0.35rem;height: 0.35rem;background: url(../images/king-3.png) no-repeat ; background-size: 100%;display: inline-block;margin-top: 0.3rem;}

#sort .content .content_box .name{text-align: left;width: 1.2rem;padding-left: 0.6rem;}



/* 公布奖金部分 Begin */
.win-billboard{width: 100%; height: 6.5rem; background: #261c1c; overflow: hidden;}
.win-billboard .title{float: left; font-size: 0.28rem; color: #f6d596; text-align: center; width: 100%; line-height: 0.66rem; margin-top: 0.15rem;}
.win-billboard .line1{float: left; width: 100%; height: 1px;}
.win-billboard .line2{float: left; width: 100%; height: 1px;}
.win-billboard .list{float: left; width: 100%; height: 0.5rem; line-height: 0.5rem; font-size: 0.24rem; color: #f6d596; margin: 0;}
.win-billboard .list li{float: left; text-align: center;}
.win-billboard .list .l1{width: 13%; margin-left: 2%;}
.win-billboard .list .l2{width: 25%;}
.win-billboard .list .l3{width: 35%;}
.win-billboard .list .l4{width: 25%;}
.win-billboard .content{float:left; width: 100%; height: 5rem; overflow-x: hidden; margin-top: 0.1rem;}
.win-billboard .content .user-list{float: left; height: 0.5rem; line-height: 0.5rem; width: 100%; font-size: 0.24rem;}
.win-billboard .content .user-list span{text-align: center; float: left; overflow: hidden;}
.win-billboard .content .user-list .li1{width: 13%; margin-left: 2%;}
.win-billboard .content .user-list .li2{width: 25%;}
.win-billboard .content .user-list .li3{width: 35%;}
.win-billboard .content .user-list .li4{width: 25%;}
.win-billboard .content .user-list .li1 img{float: left; width: 0.24rem; height: 0.22rem; margin: 0.2rem 0 0 0.35rem;}
.win-billboard-bottom{width: 100%; height: 2.58rem; background: #332626; margin-bottom: 0.3rem;}
.win-billboard-bottom .one,.win-billboard-bottom .two,.win-billboard-bottom .three{float: left; width: 100%; font-size: 0.24rem; line-height: 0.4rem; margin-top: 0.3rem;}
.win-billboard-bottom .two,.win-billboard-bottom .three{margin-top: 0;}
.win-billboard-bottom .left{float: left; text-align: right; width: 50%;}
.win-billboard-bottom .right{float: left; text-align: left; width: 50%;}
.win-billboard-bottom .span{float: left;}
.win-billboard-bottom .btn{float: left; width: 2rem; height: 0.42rem; background-color: #f6d596; color: #241a1a; text-align: center; line-height: 0.42rem; font-size: 0.2rem; cursor: pointer; margin: 0.3rem 0 0 2.5rem; display: block;}
/* 公布奖金部分 End */